.bgGrep {
  background-color: #dddee1 !important;
}
.mui-bar-nav ~ .mui-content{
  background: #efeff4 !important;
}
#header{
  background: #ebeced;
  height: 60px;
}
.mui-btn-SingIn{
  color: #fff;
  border: 1px solid #2c33aa;
  background-color: #2c33aa;
  width: 50%;
  height: 32px;
  margin-left: 25%;
  margin-top: 14px;
}
.mui-btn-upload{
  color: #fff;
  border: 1px solid #107107;
  background-color: #107107;
  width: 50%;
  height: 32px;
  margin-left: 25%;
  margin-top: 17px;
}
.mt10{
  margin-top: 10px !important;
}
.mt3{
  margin-top: -3px !important;
}
.content{
  margin-top: 10px;
  width: 74%;
  height: 25px;
  margin-left: 13%;
}
.content .left{
  /* float: left; */
  color: #1d1d21;
  /* margin-left: 10%; */
  font-size: 14px;
  text-align: center;
}
.content .right{
  float: left;
  color: #1d1d21;
  font-size: 14px;
}
.content .center{
  text-align: center;
  color: #050505;
  font-size: 17px;
}
.result{
  text-align: center;
  min-height: 311px;
}
.result img{
  width: 44%;
  height: 280px;
  margin-top: 22px;
  /*max-width: 94%;*/
  /*min-width: 42%;*/
  /*max-height: 279px;*/
  /*!* margin-left: 0%; *!*/
  /*margin-top: 22px;*/
}
.result div{
  max-width: 94%;
  max-height: 300px;
  margin-left: 4%;
  margin-top: 22px;
}
.circle{
  width: 6px;
  height: 6px;
  background: #e47b1b;
  /* float: left; */
  display: inline-block;
  border-radius: 6px;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-right: 6px;
}
.blue{
  background: #2c33aa !important;
}
.bgImg{
  background-color: transparent;
  margin-left: 37%;
  margin-top: 19%;
  width: 26%;
  height: 118px;
  background: url();
  background-repeat: no-repeat ;
}
.cg{
  text-align: center;
  width: 70%;
  margin-left: 15%;
}
.successImg{
  background-color: transparent;
  margin-left: 37%;
  margin-top: 19%;
  width: 26%;
  height: 118px;
  background: url();
  background-repeat: no-repeat ;
}
.translate{
  opacity:0;
  color: white;
  font-size: 25px;
}
.mgt{

}
